
/*三步基本动作，去除默认*/
/*1.内边距、外边距都为0*/
ul, p{
    margin: 0;
    padding: 0;
}

/*2.去掉li前面的点*/
li{
    list-style-type: none;
}

/*3.去掉文本下划线*/
a{
    text-decoration: none;
}

.news_pic{
    position: relative;/*相对位置*/
    width: 500px;
    height: 339px;
    margin: 0 auto;/*居中*/
    text-align: center;/*文本居中*/
    overflow: hidden;
}

.news_pic ul{
    width: 84px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 24px;/* 开始在图片的下面 底部 往上挪20*/
}

.news_pic li{
    float: left;
    width: 20px;
    height: 24px;
    line-height: 24px;/*一行的情况下可实现垂直居中*/
    text-align: center;
    background-color: #5a5a5a;
    border-left: #f7f7f7 1px solid;

}
 .news_pic li:hover{
     background-color: #b7b7b7;
 }

 /*调整图片大小*/
 .news_pic img{
     width: 500px;
     height: 315px;
     border-image:0;/*图像边框为0*/
 }

 .news_pic p{
     width: 500px;
     height: 24px;
     line-height: 24px;
     overflow: hidden;
 }

 .news_pic ul a{
     color: white;
 }